@charset "utf-8";
@import "reset";
.wrap {
    //  position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    header {
        position: relative;
        height: 44px;
        width: 100%;
        background: #31c27c;
        >p {
            position: absolute;
            float: left;
            display: inline-block;
            width: 90px;
            height: 25px;
            background: url(../img/logo.png) no-repeat;
            margin: 9px 0 0 10px;
            background-size: cover;
        }
        >a {
            position: absolute;
            text-decoration: none;
            display: block;
            background: #149c5a;
            color: #fff;
            right: 10px;
            top: 8px;
            height: 28px;
            padding: 0 12px;
            line-height: 28px;
            font-size: 14px;
            border-radius: 20px;
        }
    }
    .nav {
        position: absolute;
        top: 44px;
        width: 100%;
        >li {
            display: inline-block;
            width: 32%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            justify-content: space-between;
            border-bottom: 2px solid transparent;
        }
        .current {
           color: #31c27c;
           border-bottom: 2px solid #31c27c;
        }
    }
    .see {
        position: absolute;
        top: 84px;
        width: 100%;
        display: none;
    }
    .active {
        display: block;
    }
    
}
